<!DOCTYPE HTML>
<html>
<head>
  {%block before %}
  {% endblock %}
  <meta charset="utf-8">
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="keywords" content="{% block keywords%}{% endblock %}"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!--防百度，tmd -->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <meta name="renderer" content="webkit">
  <meta name="generator" content="{{mder.app.name}}">
  <meta name="description" content="{% block description%}{% endblock %}"/>
  <link rel="shortcut icon" href="/theme/{{mder.blog.theme}}/images/favicon.ico">
  <link rel="stylesheet" href="/theme/{{mder.blog.theme}}/css/nprogress.css" type="text/css" />
  <link rel="stylesheet" href="/theme/{{mder.blog.theme}}/css/jquery.fancybox.css" type="text/css" />
  <link rel="stylesheet" href="/theme/{{mder.blog.theme}}/css/layout.css?v201407232243" type="text/css" />
  <script src="/theme/{{mder.blog.theme}}/js/jquery-1.8.0.min.js"></script>
  <script src="/theme/{{mder.blog.theme}}/js/jquery.fancybox.js"></script>
  <script src="/theme/{{mder.blog.theme}}/js/nprogress.js"></script>
  <script src="/theme/{{mder.blog.theme}}/js/layout.js"></script>
  <script>
      var staticPath = '/theme/{{mder.blog.theme}}';
      initialize(staticPath);
    </script>
  <title>{% block title%}
        {% endblock %}</title>
</head>
<body>
  <div class="side">
    <div class="author">
      <a href="/" class="avatar">
        <img src="{{mder.author.gravatar}}" />
      </a>
      <h1 class="author-name">
        <a href="/">{{mder.author.nick}}</a>
      </h1>
      <div class="social">
      
      <a href="{{mder.app.url}}" class="hint--bottom" data-hint="Coding" style="padding-top:-1px;">
        <img src="https://coding.net/static/emojis/coding.png" style="border: 0;" width="23px" height="22px"/>
      </a>
      <a href="{{mder.app.url}}" class="hint--bottom" data-hint="Coding" style="padding-top:-1px;">
        <img src="/theme/default/images/coding-icon-2.png" style="border: 0;" width="22px" height="21px"/>
      </a>
       <a href="{{mder.app.url}}" class="hint--bottom" data-hint="Coding">
        <img src="/theme/default/images/coding-icon-1.png" style="border: 0;" width="22px" height="21px"/>
      </a>

        <a href="mailto:{{mder.author.email}}"  class="hint--bottom" data-hint="Email"> <i class="icon-mail"></i>
        </a>

        <a href="{{mder.author.github}}" class="hint--bottom" data-hint="GitHub" > <i class="icon-github"></i>
        </a>

        <a href="{{mder.author.twitter}}" class="hint--bottom" data-hint="Twitter">
          <i class="icon-twitter"></i>
        </a>

        <a href="{{pdf_link}}" class="hint--bottom" data-hint="开发中">
          <i class="icon-arrow-down"></i>
        </a>

      </div>
      <p class="author-description">{{mder.author.mark}}</p>
    </div>
  </div>
  <div class="main">
        {% block main%}
        {% endblock %}

        <div class="footer">
        © 2014, mder.coding.io | blog built by  <a href="{{mder.app.url}}" target="_blank" title="{{mder.app.name}}">{{mder.app.name}}</a> <i>{{mder.app.version}}</i>
        </div>
      </div>
</body>
</html>